<div class="row">
    <div class="col-md-12">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">商品列表</h3>

                <div class="box-tools pull-right">
                    <div class="has-feedback">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                class="fa fa-minus"></i>
                        </button>
                    </div>

                </div>
                 <!--/.box-tools -->
            </div>
            <!-- /.box-header -->
            <div class="box-body no-padding">
                <div class="mailbox-controls">
                    <div class="btn-group">
                        <button type="button" class="btn btn-default btn-sm" ng-click="delete()"><i
                                class="fa fa-trash-o"></i></button>
                        <button type="button" class="btn btn-default btn-sm"><i class="fa fa-reply"></i></button>
                        <button type="button" class="btn btn-default btn-sm"><i class="fa fa-share"></i></button>

                    </div>
                    <!-- /.btn-group -->
                    <button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>

                    <div class="pull-right">
                        1-50/200
                        <div class="btn-group">
                            <button type="button" class="btn btn-default btn-sm"><i class="fa fa-chevron-left"></i>
                            </button>
                            <button type="button" class="btn btn-default btn-sm"><i class="fa fa-chevron-right"></i>
                            </button>
                        </div>
                        <!-- /.btn-group -->
                    </div>
                    <!-- /.pull-right 状态码  -->
                </div>

                <div class="table-responsive mailbox-messages">
                    <ol type=value1 class="block__list block__list_words"
                        ng-repeat="x in rows">

                        <li class="list-group-item">
                            <div class="exam-con">
                                <!--AngularJS 解析HTML安全策略-->

                                <p ng-bind="($index+1)"></p>

                            </div>
                            <div class="box-footer">
                                商品名：{{x.commodityName}}
                            </div>
                            <div class="aaa">
                               商品详情： {{x.commodityDetail}}
                            </div>

                            <div class="bbbb">
                                商品数量：{{x.commodityAmount}}
                            </div>
                            <div class="col-md-1"><button type="button" class="btn btn-block btn-success pull right" data-ng-click="CommodityDetail(x.commodityId)">详情</button></div>

                        </li>
                        <div>

                        </div>
                    </ol>

                </div>
                <!-- /.mail-box-messages -->
            </div>

            <!--<uib-pagination total-items="TotalItems" ng-model="currentPage" items-per-page="numPerPage"-->
            <!--max-size="maxSize" class="pagination" first-text="首页" previous-text="上一页" next-text="下一页"-->
            <!--last-text="末页" boundary-links="true" ng-change="pageChanged()"-->
            <!--force-ellipses="false"></uib-pagination>-->
            <!-- /.box-body -->
            <div class="box-footer no-padding">
                <div class="mailbox-controls">
                    <!-- Check all button -->
                    <!--<button type="button" class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i>-->
                    <!--</button>-->
                    <div class="btn-group">
                        <button type="button" class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
                        <button type="button" class="btn btn-default btn-sm"><i class="fa fa-reply"></i></button>
                        <button type="button" class="btn btn-default btn-sm"><i class="fa fa-share"></i></button>
                    </div>
                    <!-- /.btn-group -->
                    <button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
                    <div class="pull-right">

                        <div class="box-tools">
                            <ul class="pagination pagination-sm no-margin pull-right">
                                <li><a href="#">«</a></li>
                                <li><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#"><span class="gap">…</span></a></li>


                                <li><a href="#">3</a></li>
                                <li><a href="#">»</a></li>
                            </ul>
                        </div>

                    </div>
                    <!-- /.pull-right -->
                </div>
            </div>
        </div>
        <!-- /. box -->
    </div>
    <!-- /.col -->
</div>